<template>
  <Steps :current="step">
    <Step title="Step 1. 已完成" content="这个步骤已经完成了"></Step>
    <Step title="Step 2. 进行中" content="这个步骤当前正在进行中"></Step>
    <Step title="Step 3. 待进行" content="接下来待完成的步骤"></Step>
    <Step title="Step 4. 待进行" content="最终步骤"></Step>
  </Steps>
</template>

<script>
export default {
  name: 'Sample',
  data: () => {
    return {
      // todo use vuex
      step: 1
    }
  },
  methods: {
    next: function () {
      this.step === 3 || this.step++
    }
  }
}
</script>

<style scoped>

</style>
